<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* textarea{
            resize: none
        } */
        fieldset {
            width: 600px;
            height: 500px;
            margin: 100px auto
        }

        legend {
            font-size: 20px;
        }
    </style>
</head>

<body>
    <!-- <textarea cols="30" rows="10"></textarea>
    111111 -->
    <!-- form -->
    <form action="php.php">
        <fieldset>
            <legend align="center">螺丝厂厂长国桑相亲表</legend>
            姓名: <input type="text" value="国桑请输入您的真实姓名..."> <br>
            性别:
            <label for="man">
                <input type="radio" name="sex" id="man">男
            </label>
            <label for="woman">
                <input type="radio" name="sex" id="woman">女
            </label> <br>
            请上传相关文件:<input type="file"> <br>
            <input type="submit">
        </fieldset>
    </form>
</body>

</html>
<!-- 
    由于input默认样式要多了 contenteditable="true

    高级表单的应用
        1.表单字段集
            - 标签名称:<fieldset></fieldset>
            - 表单:手机用户信息的一个盒子
            - 字段:文本，用户的信息
            - 集:集合
        默认样式
            - 自带边框
            - 可以进行嵌套
            - disabled 禁用空间

        2.字段级标签
            - 标签名称:legend
            - legend必须是fieldset的第一个子级元素
            - align:水平方向的对齐方式 left/right/center/justify

        3.提示信息标签
            - 标签名称 label
            - for
            - 绑定标签里面添加一个id

        4.上传文本框
            - type file 文件

 -->